<ion-header>
  <ion-navbar>
    <ion-title>用章管理</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
        <span class="bhq-title">申请人: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqrmc}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">部门名称: </span>
        <span class="bhq-content">{{gzyzgl.editRow.bmmc}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">事由: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqsy}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">事由说明: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqsysm}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">开始使用时间: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqsykssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">结束使用时间: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqsyjssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">是否包含法人章: </span>
        <span class="bhq-content" *ngIf="gzyzgl.editRow.sfbhfwdbz">是</span>
        <span class="bhq-content" *ngIf="!gzyzgl.editRow.sfbhfwdbz">否</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">申请时间: </span>
        <span class="bhq-content">{{gzyzgl.editRow.sqsj | asDate}}</span>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzyzgl.editRow.bpmkey=='yzgl'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">办公室签批</span>
    </ion-list-header>
    <div *ngIf="gzyzgl.process.usertask2!=null">
      <div *ngFor="let item of  gzyzgl.process.usertask2.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzyzgl.process.usertask2.editRow!=null && gzyzgl.proauth.bgssp  && gzyzgl.process.usertask2.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzyzgl.process.usertask2.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="!gzyzgl.editRow.sfbhfwdbz">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab3">局领导签批</span>
    </ion-list-header>
    <div *ngIf="gzyzgl.process.usertask3!=null">
      <div *ngFor="let item of  gzyzgl.process.usertask3.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzyzgl.process.usertask3.editRow!=null && gzyzgl.proauth.jldsp  && gzyzgl.process.usertask3.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzyzgl.process.usertask3.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzyzgl.editRow.sfbhfwdbz">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab4">局长签批</span>
    </ion-list-header>
    <div *ngIf="gzyzgl.process.usertask4!=null">
      <div *ngFor="let item of  gzyzgl.process.usertask4.history">
        <ion-item>
          <ion-label>{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzyzgl.process.usertask4.editRow!=null && gzyzgl.proauth.jzsp  && gzyzgl.process.usertask4.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzyzgl.process.usertask4.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
</ion-content>

<ion-footer class="bhq-bpm-button">
  <div class="footer-btn" *ngIf="gzyzgl.auth.opt_th" (click)="gzyzgl.getBackTask(null,null);">
    <ion-icon name="arrow-dropleft-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>退回</p>
  </div>
  <div class="footer-btn" *ngIf="gzyzgl.auth.opt_bc" (click)="gzyzgl.bpmSave(null);">
    <ion-icon name="lock" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>保存</p>
  </div>
  <div class="footer-btn" *ngIf="gzyzgl.auth.opt_tj" (click)="gzyzgl.getNextTask(null,null);">
    <ion-icon name="arrow-dropright-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>通过</p>
  </div>
  <!-- <div class="footer-more" (click)="goProcessPage();">...</div> -->
  <div class="footer-btn" (click)="goProcessPage();">
    <ion-icon name="keypad" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>更多</p>
</div>
</ion-footer>